<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页头部</title>
    <link rel="stylesheet" href="../css/首页头部.css">
</head>
<body>
    <header class="header">
        <!-- 欢迎来到聚美 -->
        <div class="top_border">
            <div class="top_top">
                <!-- 左边 -->
                <div class="top_left">
                    <span>欢迎来到聚美！</span>
                    <a href="../src/登录.html" id="a1">请登录</a>
                    <a href="./首页注册.html" id="a1">快速注册</a>
                </div>

                <!-- 右边 -->
                <div class="top_right">
                    <ul class="head_right_nav">
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">收藏的品牌</a>
                        </li>
                        <li class="item_i">
                            <a href="" class="myJumei" id="jumei" >我的聚美</a>
                            <div class="sub_nav" >
                                <ul>
                                    <li>
                                        <a href="" class="li">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的现金劵</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的红包</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的余额</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的提现退款</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的收藏</a>
                                    </li>
                                    <li>
                                         <a href="" class="li">我的心愿单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">会员中心</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">礼品卡兑换</a>
                                    </li>
                                </ul>
                                
                            </div>
                            <!-- <a href="" class="li">我的订单</a>
                            <a href="" class="li">我的现金劵</a>
                            <a href="" class="li">我的红包</a>
                            <a href="" class="li">我的余额</a>
                            <a href="" class="li">我的提现退款</a>
                            <a href="" class="li">我的收藏</a>
                            <a href="" class="li">我的心愿单</a>
                            <a href="" class="li">会员中心</a>
                            <a href="" class="li">礼品卡兑换</a> -->
                            
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">手机聚美</a>
                        </li>
                        <li>
                            <a href="">更多</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 聚美优品 -->
        <div class="center_big">
        <div class="center_border">
            <img src="../img/注册和登录的图片/logo_new_v1.jpg" class="img1">

            <!-- 搜索 -->
            <div class="center_center">
                <input type="search" >
                <input type="submit" value="搜索">
                <ul>
                    <li>
                        <a href="">保湿</a>
                    </li>
                    <li>
                        <a href="">面膜</a>
                    </li>
                    <li>
                        <a href="">洗面奶</a>
                    </li>
                    <li>
                        <a href="">补水</a>
                    </li>
                    <li>
                        <a href="">香水</a>
                    </li>
                    <li>
                        <a href="">眼霜</a>
                    </li>
                    <li>
                        <a href="">口红</a>
                    </li>
                    <li>
                        <a href="">护肤套装</a>
                    </li>
                    <li>
                        <a href="">BB霜</a>
                    </li>
                </ul>
            </div>

            <!-- 购物车 -->
            <div class="center_right">
               <ul>
                   <li> <img src="../img/首页头部和尾部的图片/cart.gif" alt=""></li>
                   <li>
                       <a href="">去购物车结算</a>
                   </li>
               </ul>
            </div>
        </div>
    </div>

        <!-- 首页导航栏 -->
        <div class="nav_border">
            <div class="nav_nav">
               <ul>
                   <li>
                       <a href="">首页</a>
                   </li>
                   <li>
                        <a href="../极速免税店.html">极速兔税店</a>
                   </li>
                   <li>
                        <a href="">母婴特卖</a>
                   </li>
                   <li>
                         <a href="">美妆商城</a>
                   </li>
                   <li>
                         <a href="">国际轻奢</a>
                   </li>
                   <li>
                        <a href="">品牌专场</a>
                   </li>
                   <li>
                         <a href="">有偿咨询</a>
                   </li>
                   <li>
                        <a href="">合作招商</a>
                   </li>
               </ul>
               <div class="outer">
                   <ul>
                       <li>
                           <a href=""><img src="../img/首页头部和尾部的图片/z_01new.jpg" alt=""></a>
                       </li>
                       <li>
                           <a href=""><img src="../img/首页头部和尾部的图片/z03.jpg" alt=""></a>
                       </li>
                   </ul>
                </div>
               </div>
            </div>
        </div>
    </header>
</body>
</html>